import React, { Component } from 'react';
import '../style/index.less';
import { observable, useStrict, action } from 'mobx';
import { observer } from 'mobx-react';
import { BaseApp , Head , Foot } from './BaseApp';
import SearchBody from './SearchBody';
import Util from '../lib/commonJs';
import $ from "jquery";


class App extends BaseApp {
    constructor(props){
        super(props);
        if(Util.isMobile()){
            $("body").on("touchmove",function(event){
                event.preventDefault();
            }, false)
        }
    }

    render() {
        return [
            <div className={"app-body"} key={this.GID()}>
                <SearchBody />
                <div className="bg-item-01"/>
                <div className="bg-item-02"/>
                <div className="bg-item-03"/>
            </div>,
            <Foot key={this.GID()}/>
        ];
    }
}
export default App;
